<template>
  <div class="right-home">
    <HomeList v-if="isShow==='dw' || isShow==='xcompany' || isShow==='vo'" />
    <stationed v-if="isShow==='station'" :key="isShow+isShowid"></stationed>
    <RightFzjkDetails v-if="isShow==='fksb' || isShow==='sb'"></RightFzjkDetails>
    <RightCdwhDetails v-if="isShow==='fkcd' || isShow==='cd'"></RightCdwhDetails>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Watch } from "vue-property-decorator";
import { ParameterManagementModule } from "@/store/modules/ParameterManagement";
import RightFzjkDetails from "./RightFzjkDetails.vue";
import RightCdwhDetails from "./RightCdwhDetails.vue";
import HomeList from "./HomeList.vue";
import stationed from "./station.vue";
@Component({
  components: { RightFzjkDetails, RightCdwhDetails, HomeList, stationed },
})
export default class RightHome extends Vue {
  public isShowid=0


  get isShow() {
    this.isShowid++
    // console.log(ParameterManagementModule.TreeId);
    
    return ParameterManagementModule.TreeId;
  }

  get treeSbIds() {
    return ParameterManagementModule.treeSbIdName.id;
  }
  @Watch("isShow", { deep: true })
  public ControlDisplay(to: any, from: any) {
    // console.log(to);
  }
    mounted() {
  }
}
</script>

<style lang="scss" scoped>
.right-home {
  width: 100%;
  height: 100%;
}
</style>
